<script lang="ts" setup>
import Flipbook from 'flipbook-vue'
import {reactive} from 'vue';

 const images = reactive([new URL("../assets/images/bg.jpg",import.meta.url).href,new URL("../assets/images/bg1.jpg",import.meta.url).href])
 
</script>

<template>
 <div class="bg">
  <flipbook class="flipbook" :pages="images"></flipbook>
 </div>
</template>

<style lang="css" scoped>
.bg{
 display:flex;
 flex-direction:column;
 margin:0;
 border:0;
 padding:0;
}
img{ height: 100; width: auto\9; width:100%; }
html, body {
  margin: 0;
  padding: 0;
}
.flipbook {
  width: 100vw;
  height: 100vh;
}
</style>